body{ background: #f32629 url("../img/bg.jpg") no-repeat scroll center 0 / cover;}
#fanzhuan{

}

.fan {
  transform: rotateY(-180deg);
  -moz-transform:rotateY(-180deg);     /* Firefox */
}

.flip-container{ position: fixed; width : 90%; height : 100%; left: 5%; top :26%;}


.front, .back {
  /* width: 320px;
  height: 320px; */
  width: 100%;
}

/* flip speed goes here */
.flipper {
  //height :7.9rem;
  transition: 0.6s;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  position: relative;
  width : 30%;  height: 25%; float : left;
  margin-left : 5%;
}
.flipper:nth-child(3n+1){ margin-left : 0;}
/* hide back of pane during swap */
.front, .back {
  //line-height:160px;
  color:#ffffff;
  text-align: center;
  font-size: 24px;

  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;    /* Chrome 和 Safari */
  -moz-backface-visibility:hidden;     /* Firefox */
  position: absolute;
  top: 0;
  left: 0;
}

.front {
}

.back {
  transform: rotateY(-180deg);
  -moz-transform:rotateY(-180deg);     /* Firefox */
  .prize-img{ position : absolute; left : 0; top : 0; border-radius: .3rem; border: 1px solid #e0a748; width : 54%; left : 23%; top : 17%;}
}

.chance{ position : fixed; top : 75%; left : 0; right : 0; color : #ffd9e1; }
.footer a {color : #ffd9e1 !important; }


